<template>
  <div class="quick-workbench">
    <div class="top-quick">快速导航</div>
    <div class="btm-quick">
      <router-link v-for="(item,index) in list" :key="index"
      :to="item.path"
      >
          {{item.name}}
      </router-link>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [
        {
          name: "文章管理",
          path: "/article/allArticle",
        },
        {
          name: "评论管理",
          path: "/comment",
        },
        {
          name: "文件管理",
          path: "/file",
        },
        {
          name: "用户管理",
          path: "/userControl",
        },
        {
          name: "访问管理",
          path: "/accessStatistics",
        },
        {
          name: "系统设置",
          path: "/systemSetup",
        },
      ],
    };
  },
  computed: {},
  methods: {},
  components: {},
};
</script>
<style lang="scss" scoped>
.quick-workbench {
  width: 95%;
  background-color: #fff;
  margin-top: 20px;
  .top-quick {
    height: 50px;
    border-bottom: 1px solid #ccc;
    line-height: 50px;
    padding: 0 30px;
    margin-bottom: 10px;
  }
  .btm-quick {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    a {
        text-decoration: none;
        color: #000;
    }
  }
}
</style>